// import Vue from "vue";
// import Vuex from "vuex";
// Vue.use(Vuex);
// import vuexPersist from "vuex-persist"; //持久化插件

import { getLogin } from "@/api/api.js"

const state = {
  token: ''
}
const mutations = {
  setLogin(state, token) {
    state.token = token
    localStorage.setItem('token', token)
  },

}
const actions = {
  //登录-异步方法提交同步，接受外部传过来的值
  setLogin({ commit }, userinfo) {
    //走接口
    return new Promise((resolve, reject) => {
      getLogin(userinfo).then(res => {
        console.log(24, res);
        if (res.meta.status === 200) {
          commit('setLogin', res.data.token)
          resolve(res);
        }

      })
    })

  },
  //退出登录
  logOut({ commit }) {
    commit("setLogin", "");
    localStorage.removeItem('token')
    location.href = '/#/login'
  }
}

//如果需要持久化存储，需要引入vuex-persist
// const vuexLocal = new vuexPersist({
//   storage: window.localStorage
// })

export default {
  namespaced: true,
  state,
  mutations,
  actions,
  // plugins: [vuexLocal.plugin]
}

//如果在本页面导出的话，也可以使用下面这种方式 。别忘记在main.js中引入
// export default new Vuex.Store({
//   state,
//   mutations,
//   actions,
//   plugins: [vuexLocal.plugin]
// })

